#createShip{
    height: calc(100vh - 50px);
    section{
        height: 100%;
        header{
            padding: 0;
            height: 64px;
            .title{
                color: #fff!important;
                padding-left: 20px;
                button{
                    height: 64px;
                    float: right;
                }
                .back{
                    margin: 0 20px;
                }
            }
           
        }
        .ant-layout.ant-layout-has-sider{
            height: calc(100% - 114px);
            
            aside{
                text-align: center;

                ul{
                    width: 100%;
                    height: 100%;
                    text-align: center;
                    .active{
                        background-color: #272b33;
                    }
                    img{
                        padding: 10px 0;
                    }
                }
                
            }
            main{
                // display: flex;
                height: 100%;
                .chooseDetil{
                    // flex: 2;
                    width: 220px;
                    height: 100%;
                    padding: 20px;
                    background-color: #272b33;

                    float: left;
                
                    .choose{
                        height: 100%;
                        display: flex;
                        color: #fff;   
                        justify-content: space-around;
                        padding: 0;
                        
                    }
                    .not_choose{
                        display: none;
                    }
                    .add_thing{
                        margin: 0;
                        width: 100%;

                        .add_title{
                            display: flex;
                            justify-content: space-around;
                            >img{
                                width: 18px;
                                height: 18px;
                                margin: 0;
                                padding: 0;
                                margin-top: 2px;
                            }
                            margin-bottom: 20px;
                        }
                        .device_list{
                            display: flex;
                            justify-content: space-between;
                            flex-wrap: wrap;
                            li{                            
                                width: 50%;
                                margin: 0;
                                padding: 0;
                                .device_icon{
                                    display: flex;
                                    width: 70px;
                                    height: 70px;
                                    align-items: center;
                                    justify-content: center;
                                    background-color: #2c3038;
                                    text-align: center;
                                    border-radius: 4px;
                                    margin: 0 auto;
                                    &:hover {
                                        border: 1px solid #1890FF;
                                    }
                                    img{
                                        vertical-align: middle;
                                    }
                                    
                                }     
                                .selected{
                                    border: 1px solid #1890FF;
                                }
                                .not_select{
                                    border:none
                                }                       
                                p{
                                    width: 70px;
                                    text-align: center;
                                    margin: 10px auto;
                                }
                            }
                        }
                        .params_list{                        
                            li{
                                width: 100%;
                                display: flex;
                                flex-wrap: wrap;
                                margin-top: 20px;
                                justify-content: space-around;

                                span{
                                    margin-right: 8px;
                                }
                            }
                        }
                        .effect_list{
                            
                            li{
                                width: 100%;
                                .ant-input-number-handler-wrap{
                                    display: none!important;
                                }
                                .ant-input-number{
                                    margin: 0!important;
                                    
                                }
                                .ant-input-number-input{
                                    text-align: center;
                                    height: 18px!important;
                                    background-color: #000!important;
                                    color: #fff;
                                }
                                .InputNumber{
                                    width: 48%!important;
                                    height: 20px!important;
                                }
                                .ant-slider{
                                    width: 20%;
                                    margin: 4px 6px 10px!important;
                                }
                                div{
                                    display: flex;
                                    justify-content: space-around;
                                    flex: 1;
                                }
                                p{
                                    margin-top: 20px;
                                }
                                span{
                                    display: inline-block;
                                    width: 20px;
                                    height: 20px;
                                    text-align: center;
                                    background-color: #2c3038;
                                    color: #fff;
                                }
                            }
                        }
                    }
                }
                .add_model{
                    width: calc(100% - 220px);
                    height: 100%;
                    background-color: gray;
                    float: left;
                }
            }
        }
    }
}